import { defineComponent, ref } from "vue";
import { BarrageShow } from "./barrage/barrage";
import "./index.less";

export default defineComponent({
  name: "You",
  render() {
    const bnGamn = ref("李白");

    return (
      <div class={"You-container"}>
        <div ref="helloWorldDom" class="relative w-full h-full flex flex-col items-center justify-center">
          <h1 class="absolute text-6xl font-bold">{bnGamn.value}</h1>
        </div>
        <BarrageShow></BarrageShow>
      </div>
    );
  },
});
